<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Демонстрація JQuery Simple OpenID Selector</title>
	<!-- Simple OpenID Selector -->
	<link type="text/css" rel="stylesheet" href="css/openid.css" />
	<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
	<script type="text/javascript" src="js/openid-jquery.js"></script>
	<script type="text/javascript" src="js/openid-uk.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			openid.init('openid_identifier');
			openid.setDemoMode(true); //Не сабмітити форму, тільки для тестування клієнтського javascript'а
		});
	</script>
	<!-- /Simple OpenID Selector -->
	<style type="text/css">
		/* Basic page formatting */
		body {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
	</style>
</head>

<body>
	<h2>Демонстрація JQuery Simple OpenID Selector</h2>
	<p>Цей простий приклад показує як ви можете включити Javascript на вашій сторінці.</p>
	<br/>
	<!-- Simple OpenID Selector -->
	<form action="examples/consumer/try_auth.php" method="get" id="openid_form">
		<input type="hidden" name="action" value="verify" />
		<fieldset>
			<legend>Увійти або створити новий акаунт</legend>
			<div id="openid_choice">
				<p>Будь-ласка, виберіть вашого акаунт-провайдера:</p>
				<div id="openid_btns"></div>
			</div>
			<div id="openid_input_area">
				<input id="openid_identifier" name="openid_identifier" type="text" value="http://" />
				<input id="openid_submit" type="submit" value="Увійти"/>
			</div>
			<noscript>
				<p>OpenID це сервіс який дозволяє вам входити в разні веб-сайти користуючись одним обліковим записом.
				Взнайте <a href="http://openid.net/what/">більше про OpenID</a> та <a href="http://openid.net/get/">як отримати OpenID акаунт</a>.</p>
			</noscript>
		</fieldset>
	</form>
	<!-- /Simple OpenID Selector -->
</body>
</html>